<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    #move{
        width: 500px;
        height: 500px;
        border: 1px solid black;
    }
</style>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<body>
    <!-- 获取具体的文档树
    document.cookie-------获取cookie
    -->
    <dl id="exl">
        <dt>java</dt>
        <dd>html</dd>
        <dd>css</dd>
    </dl>

    <a href="" id="l">点我</a>
    mouse：<span id="mouse"></span>
    <div id="move">在此区域内移动</div>
    <script>
        var dl = document.getElementById(exl);
        $('#l').click(function(){
            alert('love you');
        })
        $(function(){
            $('#move').mousemove(function(e){
                $('#mouse').text('x:' + e.pageX + 'y:' + e.pageY)
            })
        })
    </script>
</body>
</html>